<template>
    <!--json格式化处理-->
    <json-viewer
      :value="formatData"
      :expand-depth="5"
      copyable
      boxed
      sort
    ></json-viewer>
</template>

<script>

  export default {
    name: "Jsongs",
    data() {
      return {
        formatData:"sdfghhgfdsdfghjhgfds",
        formatData2: {
          "q": "",
          "p": false,
          "bs": "",
          "csor": "0",
          "err_no": 0,
          "errmsg": "",
          "g": [{"type": "his_normal", "sa": "h_1", "q": "有道翻译在线"}, {
            "type": "his_normal",
            "sa": "h_2",
            "q": "jsoneditor与vue搭配使用"
          }, {"type": "his_normal", "sa": "h_3", "q": "jsoneditor中文文档"}, {
            "type": "his_normal",
            "sa": "h_4",
            "q": "vue+element-ui实现json渲染"
          }, {"type": "his_normal", "sa": "h_5", "q": "vue+element-ui实现json编辑ide"}, {
            "type": "his_normal",
            "sa": "h_6",
            "q": "element-ui格式化json数据"
          }, {"type": "his_normal", "sa": "h_7", "q": "element-ui显示json数据"}, {
            "type": "his_normal",
            "sa": "h_8",
            "q": "vue 与element-ui实现json编辑器"
          }, {"type": "his_normal", "sa": "h_9", "q": "element-ui仿json.cn"}, {
            "type": "his_normal",
            "sa": "h_10",
            "q": "element-ui仿https://www.json.cn/"
          }],
          "queryid": "0x7d573927c044ca"
        },

      }
    },
    components: {}
  }
</script>
